<template>
    <input type="text" :value="uname" @input="emits('update:uname',(<HTMLInputElement>$event.target).value)">
    <input type="password" :value="pwd" @input="emits('update:pwd',(<HTMLInputElement>$event.target).value)">
</template>

<script lang="ts" setup name="AtguiguInput">
defineProps(['uname','pwd'])
const emits = defineEmits(['update:uname','update:pwd'])
</script>

<style scoped>
input {
    border: 2px solid black;
    background-image: linear-gradient(45deg, red, yellow,green);
    height: 30px;
    font-size: 20px;
    color: aliceblue;
}
</style>